/**
    flex布局
 */
 @mixin flex-direction($flex-direction: column) {
  display: flex;
  flex-direction: $flex-direction;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  -webkit-flex-direction: $flex-direction;
  -moz-flex-direction: $flex-direction;
  -ms-flex-direction: $flex-direction;
  -o-flex-direction: $flex-direction;
}
/**
    flex布局
 */
 @mixin flex-direction-justify($flex-direction:row,$justify-content:space-between){
    display:flex;
    flex-direction:$flex-direction;
    justify-content:$justify-content;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-moz-flex;
    display:-ms-flexbox;
    -webkit-flex-direction:$flex-direction;
    -moz-flex-direction:$flex-direction;
    -ms-flex-direction:$flex-direction;
    -o-flex-direction:$flex-direction;
    -webkit-justify-content:$justify-content;
    -moz-justify-content:$justify-content;
    -ms-justify-content:$justify-content;
    -o-justify-content:$justify-content;
  }
  /**
      文本布局
   */
  @mixin flex-zoom-shrink($flex-zoom:0){
    overflow: hidden;
    flex-shrink: $flex-zoom;
  }
/**
      flex布局上下左右居中
   */
   @mixin flex-wrapper-shrink() {
    display: flex;
    align-items: center;
    justify-content: center;
  }
/**
    文本布局
 */
 @mixin align-items($align-items:center){
    -webkit-align-items:$align-items;
    -moz-align-items:$align-items;
    -ms-align-items:$align-items;
    -o-align-items:$align-items;
    align-items:$align-items;
}
/**
    渐变背景
 */
@mixin linear-gradient($color, $color-linear) {
    background: -webkit-linear-gradient(left, $color, $color-linear);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, $color, $color-linear);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, $color, $color-linear);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, $color, $color-linear);
    /* 标准的语法（必须放在最后） */
}
@mixin linear-gradient_init($color-primary,$color-primary-linear,$color-hover,$color-hover-linear){
  @include linear-gradient($color-primary,$color-primary-linear);
  &:hover{
    @include linear-gradient($color-hover,$color-hover-linear);
  }
}
/*阴影*/
@mixin box-shadow_small($h-shadow:0,$v-shadow:4px,$spread:16px,$color:rgba(122,140,153,0.08)){
  box-shadow: $h-shadow $v-shadow $spread $color;
}
@mixin box-shadow_big($h-shadow:0,$v-shadow:8px,$spread:32px,$color:rgba(122,140,153,0.08)){
    box-shadow: $h-shadow $v-shadow $spread $color;
}

/* 超出显示省略号... */
@mixin ellipsis() {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}